@import "../../../ui/card/index";

@mixin app-create-file-card() {
    .aui-file-card {
        &__body {
            text-align: center;
            .icon {
                display: inline-block;
                width: 60px;
                height: 124px;
            }
            background-image: linear-gradient(90deg, #26B8F2, #26B8F2);
        }
        &__typelogo {
            vertical-align: middle;
            transform: translateX(-5px);
        }
        &__type {
            font-size: 30px;
            margin-left: 5px;
            vertical-align: middle;
        }
        &__progress {
            width: 100%;
            .aui-progress__bar {
                height: 3px;
            }
        }
        &__action {
            padding: 10px 10px 15px 10px;
        }
        &__name {
            margin-bottom: 10px;
            font-size: 16px;
        }
        &__size {
            font-size: 12px;
            color: $aui-brand-sliver;
            float: left;
        }
        &__status {
            font-size: 12px;
            color: $aui-brand-sliver;
            float: right;
        }
    }
}

@mixin app-create-file-card--movie() {
    .aui-file-card {
        $self: #{&};
        &--movie {
            #{$self}__type {
                color: #ffffff;
            }
        }
    }
}

// @include app-create-file-card();
// @include app-create-file-card--movie();